import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-user',
  templateUrl: './user.component.html',
  styleUrls: ['./user.component.less']
})
export class UserComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }
  searchInfo = {
    account: '',
    grade: null,
    tag: '',
    from: '',
    time: null
};
  showInfo = {
    account: true,
    grade: false,
    tag: true,
    from: true,
    time: false
  };
  searchSpan = 4;
  expandedOffset = 0;
  expanded = false;

  tableSize = 'middle';
  current = 1;
  total = 0;
  pageSize = 20;
  pagination = '第 1-20 条';
  indeterminate = false;
  checked = false;
  setOfCheckedId = new Set<number>();
  thOfData = [
    { id: 1, key: 'num', value: 'ID编号', checked: true },
    { id: 2, key: 'account', value: '用户账户', checked: true },
    { id: 3, key: 'grade', value: '会员等级', checked: true },
    { id: 4, key: 'tag', value: '用户状态', checked: true },
    { id: 5, key: 'edit', value: '操作', checked: true }
  ];
  indeterminateTh = false;
  checkedTh = true;
  setOfThCheckedId = new Set<number>([1, 2, 3, 4, 5, 6]);
  tableData = [
    {
      id: 1, num: 1, account: '测试用户1', grade: '0', tag: '1'
    },
    {
      id: 2, num: 2, account: '测试用户2', grade: '1', tag: '2'
    },
    {
      id: 3, num: 3, account: '测试用户3', grade: '2', tag: '2'
    },
    {
      id: 4, num: 4, account: '测试用户4', grade: '2', tag: '0'
    },
    {
      id: 5, num: 5, account: '测试用户5', grade: '2', tag: '3'
    }
  ]

}
